<!DOCTYPE html>

<html lang="pt-br">
<head>
<title>EXTRANET</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
#{get 'moreStyles' /}
<link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript"
	charset="${_response_encoding}"></script>
#{get 'moreScripts' /}




<style type="text/css">
body {
	padding-top: 20px;
	padding-bottom: 40px;
}

/* Custom container */
.container-narrow {
	margin: 0 auto;
	max-width: 700px;
}

.container-narrow>hr {
	margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
	margin: 60px 0;
	text-align: center;
}

.jumbotron h1 {
	font-size: 72px;
	line-height: 1;
}

.teste h1 {
	font-size: 72px;
	line-height: 1;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
	margin: 60px 0;
}

.marketing p+h4 {
	margin-top: 28px;
}

#footer {
	background-color: whiteSmoke;
}

.container .credit {
	margin: 20px 0;
	width: 80%;
}

</style>




<!-- Le styles -->
<link rel="stylesheet" href="@{'/public/stylesheets/bootstrap.css'}">
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
<link href="@{'/public/stylesheets/bootstrap-responsive.css'}" rel="stylesheet">


<link rel="shortcut icon" href="/public/images/favicon.ico">
<link rel="apple-touch-icon" href="/public/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/public/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/public/images/apple-touch-icon-114x114.png">
<link rel="shortcut icon" type="image/png" href="/public/images/favicon.png">


<link href="@{'/public/stylesheets/calendario/jquery.click-calendario-1.0.css'}" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="@{'/public/javascripts/calendario/jquery.click-calendario-1.0.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/jquery-1.7.1.min.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/jquery.nivo.slider.pack.js'}"></script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider({
			pauseTime : 5000,
			animSpeed : 700
		});
	});
</script>


</head>
<br>
<br>
<body>

	<div class="container-narrow">
		<div class="masthead">
			<ul class="nav nav-pills pull-right">
				#{if tipoUsuario == "administrador"}
				<li class=active><a href="@{Application.paginaInicial()}">In&iacute;cio</a></li>
				<li><a href="@{Administracao.tarefasConcluidas()}">Tarefas Conclu&iacute;das</a></li>
				<li><a href="@{Administracao.listarTarefasFuncionarios()}">Acompanhar Tarefas</a></li>
				<li><a href="@{Administracao.listarProjetos()}">Projetos Com Tarefas em Atraso</a></li> #{/if}
				#{if tipoUsuario == "funcionario"}
				<li class=active><a href="@{Application.paginaInicial()}">In&iacute;cio</a></li>
				<li><a href="@{Tarefas.quadroTarefasFuncionario()}">Tarefas</a></li>
				<li><a href="@{Horarios.registrarHorario()}">Registrar Hor&aacute;rio</a></li>
				<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
						Relat&oacute;rio de Hor&aacute;rio <b class="caret"></b> #{/if}
				</a>
					<ul class="dropdown-menu">
						#{if tipoUsuario == "funcionario"}
						<li><a href="@{Relatorios.informarMes()}">Relat&oacute;rio Mensal</a></li>
						<li><a href="@{Relatorios.informarPeriodo()}">Relat&oacute;rio Analitico</a></li> #{/if}
					</ul></li> #{if tipoUsuario == "administrador"}
				<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
						Relatórios <b class="caret"></b>
				</a>
					<ul class="dropdown-menu">
						<li><a href="@{Administracao.andamentoProjetos()}">Relatório Projetos</a></li>
						<li><a href="@{Administracao.desemprenhoFuncionario()}">Desempenho dos Funcionários</a></li>
					</ul></li> #{/if}
			</ul>
		</div>
	</div>
<h3 class="muted">Ponto Criativo</h3>

	<!-- Le javascript
	    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	<script src="@{'/public/javascripts/bootstrap-transition.js'}"></script>
	<script src="@{'/public/javascripts/bootstrap-alert.js'}"></script>
	<script src="@{'/public/javascripts/bootstrap-dropdown.js'}"></script>

</body>

#{doLayout /}
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div id="footer" style="width: 80%">
	<div class="container">
		<label class="muted credit" align=center style="width: 80%">TADS - <a
			href="http://portal.ifrn.edu.br/">IFRN</a> - <a href="http://pontocriativo.com.br/">Ponto
				Criativo</a></label>
	</div>
</div>
</html>
